@charset "utf-8";body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,textarea,ul,i{margin:0;padding:0;font-family:微软雅黑;}
img{width:100%;height:auto}
input,select,textarea{outline:0;border-radius:0;color:#222;vertical-align:middle}
img{border:0;vertical-align:middle}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
li,ol,ul{list-style-type:none}
a,a:hover{text-decoration:none;cursor:pointer}
.dis_none{display:none}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.tr{text-align:right}
.tc{text-align:center}
.pr{position:relative}
.vam{vertical-align:middle}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.t-indent{text-indent:2em}
.italic{font-style:italic}
.lh2{line-height:2em}
.clearfix{display:inline-block}
.clearfix{display:block}
.bold{font-weight:700}
.em12{font-size:1.2em}
.em22{font-size:2.2em}
.em24{font-size:2.4em}
.em26{font-size:2.6em}
.em14{font-size:1.4em}
.em16{font-size:1.6em}
.em18{font-size:1.8em}
.em05{font-size:.5em}
.em06{font-size:.6em}
.em85{font-size:.85em}
.em1{font-size:1em}
.mgb1em{margin-bottom:1em}
.pdem1{padding:1em}
.pdem2{padding:2em}
.pd5{padding:5px}
.pd10{padding:10px}
.pdlr5{padding-right:5px;padding-left:5px}
.pdlr10{padding-right:10px;padding-left:10px}
.pd15{padding:15px}
.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdlr20{padding-right:20px;padding-left:20px}
.pdt20{padding-top:20px}
.pdb20{padding-bottom:20px}
.pd20{padding:20px}
.pdt20{padding-top:20px}
.pdt5{padding-top:5px}
.pdt10{padding-top:10px}
.pdt15{padding-top:15px}
.pdt25{padding-top:25px}
.pdtb5{padding-top:5px;padding-bottom:5px}
.pdb15{padding-bottom:15px}
.pdtb10{padding-top:10px;padding-bottom:10px}
.pdtb15{padding-top:15px;padding-bottom:15px}
.pdtb20{padding-top:20px;padding-bottom:20px}
.pdtb25{padding-top:25px;padding-bottom:25px}
.pdtb30{padding-top:30px;padding-bottom:30px}
.mgtb10{margin-top:10px;margin-bottom:10px}
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.tr{text-align:right}
.tc{text-align:center}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:32px}
.f34{font-size:34px}
.f36{font-size:36px}
.f38{font-size:38px}
.f40{font-size:40px}
.cwhite{color:white}
.cred{color:red}
.cyellow{color: #F69F02}

body{font-family:微软雅黑;min-width:320px;background:#f7f7f7;color:#333;-webkit-text-size-adjust:none}
html{
  width:100%;
  height: 100%;
  max-width: 375px;
  overflow: hidden;
}

.w640{margin: 0 auto;max-width: 640px;min-width: 300px;}

.main{position: absolute; width:100%;height:100%;}

/* 全部隐藏 */
.main .index,
.main .question,
.main .share,
.main .result,
.main .rank,
.main .employee
{
  display:none
}

.main { height: 100%;width: 100%; background:url(../res/indexbg.jpg) no-repeat center center;background-size: 100% 100%;}


/*主页*/
.main .index {position: relative; top:52%;}
.main .index .btn-group{ width:100%; margin:0 auto 0;}
.main .index .btn-group .btn-item {margin:0.1rem auto; display:block; width:3rem;height:1rem;background-color: #A4292E;border-style: solid;border-color: black; border-radius: 0.2em; font-size:0.4rem; }
.main .index .rule{top:7.4rem; width:100%; text-align: center; font-size: 0.26rem;}

/*员工通道*/
.main .employee{position: relative; top:20%;}
.main .employee .input-group{width:3.6rem; margin:0 auto;}
.main .employee .input-group .input-item{width:100%; border:none; height:3em; text-align:center;color:#666; border-radius:5px; font-size:12px; line-height:3em;}

.btn-group{width:100%; margin:0 auto;}
.btn-group .btn-item {margin:0.2rem auto; display:block; width:3rem;height:0.7rem;background-color: #A4292E;border-style: solid;border-color: black; border-radius: 0.2em; font-size:0.4rem; }

/*生成二维码时的背景*/
.main .share{ position: relative; top:60%;}

/*页脚*/
.html5{position: fixed; bottom:0.1rem; width:100%;text-align: center;}
.html5 span{font-size:0.2rem; font-weight:bold}

.main.question{ background:url(../res/indexbg.jpg) no-repeat center center;background-size: 100% 100%;}
.main.result{ background:url(../res/indexbg.jpg) no-repeat center center;background-size: 100% 100%;}


.main .cover{ background:url(../indexbg.jpg) no-repeat center center;background-size: 100% 100%;}


.main .result .txt{width:70%; margin:25% auto 0}
.main .result .txt p{ font-size:16px;color:#A71E32; text-align:center; line-height:1.6em}
.main .result .txt p span{color:#A71E32; padding:0 0.2em}
.main .result .head{width:30%; margin:5% auto}
.main .result .inpgroup{width:54%; margin:0 auto}
.main .result .inpgroup input{width:100%; border:none; height:3em; text-align:center;color:#666; border-radius:5px; font-size:12px; line-height:3em; margin:0.4em 0;}
.main .result .inpgroup select{width:100%; border:none; height:3em; text-align:center;color:#666; border-radius:5px; font-size:12px; line-height:3em; margin:0.4em 0;}
.main .result .inpgroup select option{ text-align:center}
.main .result .btngroup{width:88%; margin:5% auto 0; text-align:center}
.main .result .btngroup a{ display:inline-block;color:#000; background:#A71E32;width:10em; height:3em; line-height:3em; border-radius:5px; font-size:14px}
.main .result .btngroup a:nth-child(2){ margin:0 1em}

.main .content.rank .list{width:93%; margin:0 auto; height:100%; background:#fff; position:relative}
.main .content.rank .list .back{ position:absolute;top:5%;right:5%;}
.main .content.rank .list dl{ overflow:auto;}
.main .content.rank .list dl dt{width:100%; background:#e3e3e3; height:2em; line-height:2em; text-align:center;color:#434343;font-size: 1.5em}
.main .content.rank .list dl dd{ padding:0.6em 1em}
.main .content.rank .list dl dd div.answerNumber{ margin-bottom:0.3em }
.main .content.rank .list dl dd  div.bar{width:78%; height:1.2em;}
.main .content.rank .list dl dd  div.answerNumber div.bar div{height:1.2em;background:#ee4856;}
.main .content.rank .list dl dd  div.num{width:22%;font-size: 1.2em;float:right;text-align:right;}
.main .content.rank .list dl dd  div.trueNumber div.bar div{height:1.2em;background:#408fc1;}



.popWrap{
  width:90%; 
  background:#fff; 
  margin:0 auto;
  display:none; 
  border-radius:5px;
}
.popWrap h2{ 
  background:#A4292E; 
  height:42px; 
  line-height:42px;
  border-radius:5px 5px 0 0;
  font-size:0.4rem;
}
.popWrap .content{height:380px;}
.popWrap .content .title{ font-size:18px; font-weight:bold}

.popWrap .popInner.right_1 h2 span,.popWrap .popInner.wrong_1 h2 span{ display:none}
.popWrap .popInner.right_0 h2 span,.popWrap .popInner.wrong_0 h2 span{ display:none}

.popWrap .popInner.right_0 .content{ background:url(../res/right_0.gif) no-repeat; background-size:100%}
.popWrap .popInner.right_1 .content{ background:url(../res/right_1.gif) no-repeat; background-size:100%}

.popWrap .popInner.wrong_0 .content{ background:url(../res/wrong_0.jpg) no-repeat; background-size:100%}
.popWrap .popInner.wrong_1 .content{ background:url(../res/wrong_1.jpg) no-repeat; background-size:100%}

.popWrap .popInner.right_1 .content .title,.popWrap .popInner.wrong_1 .content .title{display:none}
.popWrap .popInner.right_1 .content .option,.popWrap .popInner.wrong_1 .content .option{display:none}

.popWrap .popInner.right_0 .content .title,.popWrap .popInner.wrong_0 .content .title{display:none}
.popWrap .popInner.right_0 .content .option,.popWrap .popInner.wrong_0 .content .option{display:none}


.popWrap .option ul li{ 
  font-size:16px;
  color:#999; 
  border-bottom:1px solid #dfdfdf; 
  padding:1em 0
}
.popWrap .option ul li:last-child{ 
  border-bottom:none
}
.popWrap .option ul li.active{
  color:#00b0f4
}
.popWrap .option ul li em{
  display:inline-block;
  width:0.6rem;
  height:0.6rem;
  border-radius:10px;
  font-size:0.4rem;
  background:#fff;
  color:#999; 
  border:1px solid #999; 
  text-align:center; 
  margin-right:0.1rem;
}
.popWrap .option ul li.active em{
  background:#00b0f4;
  color:#fff; 
  border:1px solid #00b0f4;
}
